<!DOCTYPE HTML>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="profile.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="../project/javascript/profile.js"></script>

  </head>
  <body>
        <ol>
             <li>
                <label for="name" id="name">{$user}</label>
            </li>
            <li>
                <label for="mail" id="mail">{$mail}</label>
            </li>
            <li>
                <form action="../modifyProfile.php" method="POST">
                    <button id="modify" type="button"
                           onmousedown="showPasswordForm();">
                    Change password
                    </button>
                    <object id="passwordForm">
                        <label for="oldPassword">Old password</label>

                        <input type="password" id="oldPassword" required
                               autocomplete="off" placeholder="Old password"
                               onkeyup="testOriginalPassword(this.value);"/>
                        <object id="oldPasswordResponse"></object>

                        <label for="newPassword">New password</label>

                        <input type="password" id="newPassword" required
                               autocomplete="off" placeholder="New password" 
                               onkeyup="testPassword(this.value);"/>
                        
                        <object id="passVal"></object>
                        <input id="submit" type="submit"
                           value="Submit new password">
                    </object>
                </form>
            </li>
            <li>
                <object id="songlist"></object>
            </li>
        </ol>
  </body>
</html>
